<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>醒醒管理系统-用户登录</title>
		<style>
			body{
				background-color: cornflowerblue;
			
				
			}
			#loginDiv{
				text-align: center;
				padding-top: 10px;
				width:400px;
				height:400px;
				background-color: #FFFFFF;
				margin:0 auto;
				margin-top: 150px;
				border-radius: 10px;
			}
			h2{
				color:orangered;
				
			}
			#uname,#upsw{
				width:250px;
				height:30px;
				border-radius: 5px;
				border:1px solid dimgray;
				
			}
			#upsw{
				margin-top: 15px;
			}
			#code{
				width:150px;
				height:30px;
				border-radius: 5px;
				border:1px solid dimgray;
				margin-top: 15px;
				margin-right:10px;
			}
			#loginBtn{
				width:120px;
				height:30px;
				background-color:cornflowerblue;
				margin-top:10px;	
				border-radius: 10px;		
				border: none;
				color:white;
				margin-bottom: 20px;
				}
		</style>
			
	</head>
	
	<body>
		<div id="loginDiv">
			<h2 >醒醒学院毕设管理系统</h2>
			<input  placeholder="请输入用户名" id="uname" type="text">
			<br>
			<input placeholder="请输入密码" id="upsw" type="password">
			<br>
			<input placeholder="请输入验证码" id="code" type="text">
			<img src="js/code.jpg" width="90px" height="30px">
			<br>
			<button id="loginBtn">登录</button>
			<br/>
			开发者 &accutedog;
		</div>
	</body>
</html>
